.train {
  font-size: 14px;
}

.train .search-box {
  position: relative;
  width: 94%;
  margin: 16px auto;
  padding: 12px 0;
  box-sizing: border-box;
  padding-right: 44px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.train .search-box::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 20px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/train/search.png) no-repeat center;
  background-size: 100% 100%;
}

.train .search-box .input {
  width: 100%;
  border: none;
  outline: none;
  padding: 0 0.5em;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  caret-color: #666;
  line-height: normal;
}

.train .item {
  width: 96%;
  margin: 18px auto;
  background-color: #ffffff;
  box-shadow: -5px 3px 13px 0px rgba(209, 209, 209, 0.75);
  padding: 10px 0;
  border-radius: 6px;
}

.train .item .banner {
  display: block;
  width: 94%;
  margin: 0 auto;
}

.train .item .banner-title {
  padding: 16px 0;
  color: #3e75dc;
  font-weight: 600;
  text-align: center;
}

.train .gray {
  color: #7f7f7f;
}

.train .li {
  width: 100%;
  padding: 6px 10px;
  box-sizing: border-box;
  line-height: 1.5;
}

.train .bgc-li:nth-child(odd) {
  background-color: #f6f6f6;
}

.train .info-item {
  margin: 16px auto;
  padding-bottom: 26px;
}

.train .title {
  padding: 6px 0;
  text-align: center;
  /* font-weight: 600; */
}

.train .base-text {
  background-color: #c5e0f6;
}

.train .base-li:nth-child(even) {
  background-color: #ebfbff;
}

.train .material-text {
  background-color: #f5e9c5;
}

.train .material-li:nth-child(even) {
  background-color: #fffcea;
}

.train .info-li:nth-child(odd) {
  padding: 10px;
}

.train .study-text {
  background-color: #e6d6eb;
}

.train .study-li:nth-child(even) {
  background-color: #fcf6fe;
}

.train .study-text-2 {
  background-color: #e7eeda;
}

.train .study-li-2:nth-child(even) {
  background-color: #eff4e3;
}